@charset "utf-8";
/* CSS Document */

.escoba img{
  width:230px;  /* tamaño escoba */
  position:absolute;
  top:55%;
  animation:escobaFly 6s infinite linear;
}



@keyframes escobaFly{    /* vuelo forma de escoba */
  0%{
    left:-100px;
  }
  25%{
    top:50%;
    transform:rotate(30deg);
  }
  50%{
    transform:rotate(45deg);
    top:55%;
  }
  75%{
    top:60%;
    transform:rotate(30deg);
  }
  100%{
    left:110%;
    transform:rotate(45deg);
  }
}
@keyframes starTwinkle{
  0%{
     background:rgba(255,255,255,0.4);
  }
  25%{
    background:rgba(255,255,255,0.8);
  }
  50%{
   background:rgba(255,255,255,1);
  }
  75%{
    background:rgba(255,255,255,0.8);
  }
  100%{
    background:rgba(255,255,255,0.4);
  }
}





 /* vuelo forma de dragon */

.dragon img{
  width:230px;  /* tamaño dragon */
  position:absolute;
  top:-5%;
  animation:vuelodragon 6s infinite linear;
	z-index: 1000;
}


@keyframes vuelodragon{    /* vuelo forma de dragon */
  0%{
    left:-100px;
  }
  25%{
    top:30%;
    transform:rotate(30deg);
  }
  50%{
    transform:rotate(1deg);
    top:30%;
  }

  100%{
    left:90%;
    transform:rotate(10deg);
  }
}
@keyframes starTwinkle{
  0%{
     background:rgba(255,255,255,0.4);
  }
  25%{
    background:rgba(255,255,255,4);
  }
  50%{
   background:rgba(255,255,255,4);
  }
  75%{
    background:rgba(255,255,255,4);
  }
  100%{
    background:rgba(255,255,255,4);
  }
}